@charset "UTF-8";

@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}
@font-face {
  font-family: "iconfont"; /* Project id 2641823 */
  src: url('../fonts/iconfont.woff2?t=1626138960550') format('woff2'),
       url('../fonts/iconfont.woff?t=1626138960550') format('woff'),
       url('../fonts/iconfont.ttf?t=1626138960550') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lingxing:before {
  content: "\e7af";
}

.icon-arrRight-fill:before {
  content: "\e60c";
}

.icon-shigong1:before {
  content: "\e60a";
}

.icon-zixun1:before {
  content: "\e607";
}

.icon-loufang1:before {
  content: "\e699";
}

.icon-baojia:before {
  content: "\e669";
}

.icon-dizhi1:before {
  content: "\e627";
}

.icon-gongsi:before {
  content: "\e60f";
}

.icon-news-fill:before {
  content: "\eb58";
}

.icon-zuoji:before {
  content: "\e62f";
}

.icon-ziliao:before {
  content: "\e61c";
}

.icon-banjia:before {
  content: "\e620";
}

.icon-customer:before {
  content: "\e604";
}

.icon-huanbao2:before {
  content: "\e608";
}

.icon-qita:before {
  content: "\e660";
}

.icon-guanxian:before {
  content: "\e652";
}

.icon-zhibao3:before {
  content: "\e619";
}

.icon-caidanicon_dijiyanxianjilu:before {
  content: "\e667";
}

.icon-jikeng:before {
  content: "\e647";
}

.icon-40035SN-XZX-B-40035shengzhufanghechengxiangjianshetingdijijichugongchengzhuanyechengbaoyijierjishengji:before {
  content: "\e6df";
}

.icon-shigong:before {
  content: "\e90d";
}

.icon-gongzuodijidai:before {
  content: "\ea10";
}

.icon-shuimian:before {
  content: "\e605";
}

.icon-juxing:before {
  content: "\e8b6";
}

.icon-zhibao2:before {
  content: "\e68a";
}

.icon-huanbao1:before {
  content: "\e601";
}

.icon-jishu:before {
  content: "\e854";
}

.icon-zhengjiexianshi:before {
  content: "\e680";
}

.icon-dixiamoshi:before {
  content: "\e60b";
}

.icon-bottom1:before {
  content: "\e603";
}

.icon-shijian:before {
  content: "\e744";
}

.icon-wen:before {
  content: "\e6c9";
}

.icon-da:before {
  content: "\e72a";
}

.icon-zhibao1:before {
  content: "\e745";
}

.icon-wuran:before {
  content: "\e656";
}

.icon-banlirenshu:before {
  content: "\e637";
}

.icon-shebei:before {
  content: "\e678";
}

.icon-dibiaokaiwa:before {
  content: "\e69f";
}

.icon-tubiao94:before {
  content: "\e68e";
}

.icon-jiangzhang:before {
  content: "\e6a0";
}

.icon-yuanjing:before {
  content: "\e602";
}

.icon-huanbao:before {
  content: "\e7b2";
}

.icon-fangwu:before {
  content: "\e606";
}

.icon-jiangbei:before {
  content: "\e67e";
}

.icon-dunpai:before {
  content: "\e600";
}

.icon-zuanshi:before {
  content: "\e613";
}

.icon-dengpao:before {
  content: "\e65c";
}

.icon-fanhuidingbu:before {
  content: "\e61f";
}

.icon-zixun:before {
  content: "\e691";
}

.icon-huanjing:before {
  content: "\e609";
}

.icon-jiejuefangan-haoshiduan:before {
  content: "\e73d";
}

.icon-zhibao:before {
  content: "\e78d";
}

.icon-ganrao:before {
  content: "\e6fa";
}

.icon-jiejuefangan-jiangdichengben:before {
  content: "\e64c";
}

.icon-xiayibufangxiangwangqianchukouxiangyou:before {
  content: "\e634";
}

.icon-diji:before {
  content: "\e628";
}

.icon-changfangdai-:before {
  content: "\e633";
}

.icon-loufang:before {
  content: "\e920";
}

.icon-dianhua:before {
  content: "\e6a9";
}

.icon-fangxiang-changtai:before {
  content: "\e64e";
}



body {overflow-x: hidden;}
ul {padding:0px;margin:0px;list-style:none;}
a {color:#333; text-decoration:none; transition: all 0.4s;}
a:hover {color:#0092E5; text-decoration:none;}

.fl {float: left;}
.fr {float: right;}
.container {width:90%; max-width: 1470px; margin-left: auto; margin-bottom: auto;}

.ptb40 {padding-top: 40px; padding-bottom: 40px;}
.ptb60 {padding-top: 60px; padding-bottom: 60px;}

.tytitle {display: block; text-align: center;}
.tytitle h4 {font-size: 36px; font-weight: bold; color: #212121; line-height: 36px;}

/* common */
.pchead {padding: 18px 0;}
.pchead .logo {margin: 0; overflow: hidden; float: left;}
.pchead .logo a {float: left; display: block;}
.pchead .logo img {height: 70px;}
.pchead .logo div {float: left; border-left: 1px solid #707070; padding-left: 25px; line-height:26px; margin-left: 25px; margin-top: 14px; padding-top:4px;}
/*.pchead .logo div span {font-size: 18px; display: block; line-height:24px;}*/
.pchead .logo div h6 {margin: 0; font-size:20px; letter-spacing:3.2px;}
.pchead .logo div span {font-size: 10px; display: block;}
.pchead .telbox {float: right; text-align: right; padding-top: 10px;}
.pchead .telbox strong, .pchead .telbox span {display: block; font-size: 20px;}
.pchead .telbox strong {color:#004684}
.pchead .telbox span {letter-spacing: 1.2px;}

.pcmenu {width: 100%; height: 90px; background: linear-gradient(180deg, #004480 0%, #004B8B 100%);}
.pcmenu .mtext {float: left; color:#fff; padding-top: 22px;}
/*.pcmenu .mtext h6 {margin: 0; font-size:20px; letter-spacing: 2.4px;}*/
.pcmenu .mtext span {font-size: 18px; display: block; line-height:24px;}
.pcmenu .pmul {float: right; }
.pcmenu .pmul li {float: left;}
.pcmenu .pmul li a {display: inline-block; padding:0 16px; color: #fff; line-height: 90px; font-size: 16px; text-align: center;}
.pcmenu .pmul li span {display: block; font-size: 12px;}
.pcmenu .pmul li .active, .pcmenu .pmul li a:hover {background: #0092E5; color: #fff; text-decoration: none;}
 

/* footer */	
.footer {background-color: #004684; color: #fff; padding: 2vw 0 0;}
.footer a {color: #fff;}
.footer .footle {width: 78%;}
.footer .footri {width: 22%;}

.footer dl {max-width: 16%; margin-right: 4vw; float: left;}
.footer dl dt a {font-size: 16px; font-weight: normal;}
.footer dl dd {overflow: hidden; padding-top: 0.6vw;}
.footer dl dd a {display: block; line-height: 26px;}

.footext {text-align: right; position:relative;}
.footext h4 {font-size: 22px; font-weight: normal;}
.footext h6 {font-size: 14px; font-weight: normal;}
.footext p {padding-top: 0.5vw;}
.footext p a {display: inline-block; background-color: #fff; color: #306692; border-radius: 5px;; padding: 0 22px; line-height: 34px;}

.footcopybox {}
.footcopybox .footlink {float: left; width:52%;}
.footcopybox .footcopy {float: right; width:48%;}
.footlink {padding: 1vw 0; }
.footlink p {margin-bottom: 0; line-height: 22px;}
.footlink p a {display: inline-block; padding: 0 3px;}
.footcopy {padding: 1vw 0;}
.footcopy p {margin-bottom: 0;}
.plink {margin-bottom: 15px;}

.footext .maul{display:flex;justify-content:space-between;align-items:center;padding-top:2vh}
.footext .maul li {position:relative;margin-left:0}
.footext .footericonbg{padding:10px;background:#fff;display:none}
.footext .footericonbg3{position:absolute;top:-108px;right:160px;z-index: 999;}
.footext .footericonbg4{position:absolute;top:-118px;right:0px;z-index: 999;}
.footext .footericonbg3:after{left:50%;margin-left:-5px}
.footext .footericonbg:after{position:absolute;content:"";width:10px;height:10px;background:#fff;transform:rotate(45deg);bottom:-4px}
.footext .footericonbg4:after{right:105px}
.footext .footericonbg .erweima-box{width:140px;height:140px;margin:0 10px}
.footext .footericonbg .erweima-box2{margin:0 10px}
.footext .footericonbg .erweima-box img{width:100%;height:100%;object-fit:cover}

.qrodbox {position:relative; float: right; padding:20px 20px 0 0;}
.qrodbox .maul{display:flex;justify-content:space-between;align-items:center;}
.qrodbox .maul li {position:relative;margin-left:15px;}
.qrodbox .maul li img {background:#004684; border:1px solid #004684; border-radius:20px; height:40px;}
.qrodbox .footericonbg {padding:10px;background:#004684;display:none}
.qrodbox .footericonbg1{position:absolute;top:76px;left:-50px; z-index: 999;}
.qrodbox .footericonbg2{position:absolute;top:76px;right:0px; z-index: 999;}
.qrodbox .footericonbg1:after{left:50%;margin-left:-5px}
.qrodbox .footericonbg:after{position:absolute;content:"";width:10px;height:10px;background:#004684;transform:rotate(45deg);top:-4px}
.qrodbox .footericonbg2:after{right:85px}
.qrodbox .footericonbg .erweima-box{width:140px;height:140px;margin:0 10px}
.qrodbox .footericonbg .erweima-box2{margin:0 10px}
.qrodbox .footericonbg .erweima-box img{width:100%;height:100%;object-fit:cover}


/* index start */
.pcbanner { }
.pcbanner .mySwiper {position: relative;}
.pcbanner .swiper-slide img {max-width: 100%;}
.pcbanner .swiper-slide {text-align:center;}
.pcbanner .swiper-slide a {display:block;}

.title1 {padding: 40px 0 50px; position: relative;}
.title1 h3 {font-size: 45px; color: #0092E5;}
.title1 h5 {font-size: 40px; color: #414A4E; position: relative; opacity: 0.1; margin-top: -35px;}

.title2 {font-size: 40px; color:#fff;}

.title3 {font-size: 26px;}

.title4 {padding: 20px 0 50px; position: relative;}
.title4 h3 {font-size: 45px; color: #fff;}
.title4 h5 {font-size: 40px; color: rgba(255, 255, 255, 0.26); position: relative; margin-top: -35px;} 

.title5 {padding: 20px 0 30px; position: relative;}
.title5 h3 {font-size: 45px; color: #0092E5;}
.title5 h5 {font-size: 40px; color: #414A4E; position: relative; opacity: 0.1; margin-top: -35px;}

.title6 {padding: 20px 0 50px; position: relative;}
.title6 h3 {font-size: 45px; color: #fff;}
.title6 h5 {font-size: 40px; color: rgba(255, 255, 255, 0.26); position: relative; margin-top: -35px;}

.title7 {padding: 20px 0 30px; position: relative;}
.title7 h3 {font-size: 45px; color: #0092E5;}
.title7 h5 {font-size: 40px; color: #414A4E; position: relative; opacity: 0.1; margin-top: -35px;}

.title8 {padding: 20px 0 30px; position: relative;}
.title8 h3 {font-size: 35px; color: #0092E5;}
.title8 h5 {font-size: 22px; color: #414A4E; position: relative; opacity: 0.1; text-transform: uppercase;}
.title8 h6 {font-size: 16px;}

.business {background: url(../img/businessbg.png) no-repeat center bottom; padding-bottom:70px;}
.busiul {}
.busiul li {width: 20%; float:left;}
.busiul li a {display: block; margin:0 25px 0 0;}
.busiul li div {text-align: right; background-size:40% auto; background-repeat:no-repeat; background-position:left -10px; padding-bottom: 15px;}
.busiul li div h4 {font-size: 22px; color:#0092E5;}
.busiul li div span {display: block; font-size: 17px;}
.busiul li p {}
.busiul li p img {max-width: 100%; height: 200px;}

.busiul li:nth-child(1) div {background-image:url(../img/bus1.png);}
.busiul li:nth-child(2) div {background-image:url(../img/bus2.png);}
.busiul li:nth-child(3) div {background-image:url(../img/bus3.png);}
.busiul li:nth-child(4) div {background-image:url(../img/bus4.png);}
.busiul li:nth-child(5) div {background-image:url(../img/bus5.png);}


.goodbox {background-color: #0063B8;}
.gdmenu {margin: 40px 0 0;}
.gdmenu li {float: left; width: 33%; position: relative;}
.gdmenu li a {text-align: center; display:block;}
.gdmenu li a img {width: 240px; display:inline;}
.gdmenu li a p {font-size: 24px; color:#fff; padding-top: 15px; text-align:center;}
.gdmenu li.active p {color: #FFEB37;}
.gdmenu li span {position: absolute; right: -14%; top: 45%;}
.gdmenu li span em {width: 5px; height: 5px; display:inline-block; background:#fff; margin:0 15px; border-radius: 50%;}

.gdbox {padding: 30px 0;}
.gdbox .cont {background-color: #0092E5; padding: 20px 0; position: relative; display: none;}
.gdbox .cont.active { display: block;}
.gdbox .cont em:before {display: block; position: relative; right: 0; bottom: 0px;  z-index: 1; width: 30px; height: 30px; content: "";}
.gdbox .cont em:before { background: #0092E5; transform: rotate(45deg);}
.gdbox .cont em {position: absolute; top:-15px;}
.gdbox .cont:nth-child(1).active em {left:15%;}
.gdbox .cont:nth-child(2).active em {left:49%;}
.gdbox .cont:nth-child(3).active em {left:81%;}

.gdli { float:left; width: 50%;}
.gdli a {margin:0 20px; display:block; position: relative;}
.gdli1:nth-child(1) a {margin-right: 10px;}
.gdli1:nth-child(2) a {margin-left: 10px;}
.gdli img {max-width: 100%;}
.gdli div {position: absolute; top:0; right:0; left:0; bottom:0; color:#fff; transition: all 0.5s;}
.gdli div h4 {text-align: center; padding: 18% 0 5%; font-size: 24px;}
.gdli div p {padding: 0 6%; line-height: 26px;}
.gdli a:hover h4 {color:#FFEB37;}
.gdli a:hover div {background: linear-gradient(180deg, rgba(0,146,212,0) 86%, #cdeafb 100%); transition: all 0.5s;}

.gdli2 {width: 33%;}
.aqxbox {text-align: center; padding:0 2px;}	
.aqxbox a {display: inline-block; position: relative; color:#fff; float: left; width: 16.6%; padding: 0 5px;}
.aqxbox div {position: absolute; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.1); transition: all 0.5s;}
.aqxbox div h4 {padding-top: 30%; line-height: 30px;} 
.aqxbox a img {max-width:100%;}
.aqxbox a:hover h4 {color:#FFEB37;}
.aqxbox a:hover div {background: linear-gradient(180deg, rgba(0,146,212,0) 80%, #cdeafb 100%);}
.aqxtext {padding: 18px 24px 5px; color:#fff; font-size:18px; line-height: 28px;}

.aqxbox a.active h4 {color:#FFEB37;}
.aqxbox a.active div {background: linear-gradient(180deg, rgba(0,146,212,0) 80%, #cdeafb 100%);}
.aqxcont {}
.aqxcont .aqxtext {display:none;}
.aqxcont .active {display:block;}


.filebox {background: url(../img/fileboxbg.png) no-repeat center bottom;}
.filebox .table-responsive {padding: 4% 10% 0; color: #004684; } 
.filebox .table thead th {font-size: 24px; border:none;}
.filebox .table tbody th {font-size: 16px; font-weight:normal; border:none;}
.filebox .table td {font-size: 16px; border:none; padding: 12px 0;}
.filebox .table td:nth-child(3) {font-weight: bold; font-size: 18px;}


.aboutbox {padding-bottom: 70px; background: url(../img/aboutbg.jpg) no-repeat center bottom;}
.about {}
.about .aleft {width: 46%; float:left; color:#fff; line-height: 30px;}
.about .aleft p {text-indent: 2em; font-size: 15px; margin-bottom: 16px; text-align: justify;}
.about .aright {width: 48%; float: right; text-align:right;}
.about .aright img {width: 100%;}


.casebox {background: url(../img/caseboxbg.png) no-repeat center center / cover;}
.icaseul {display: flex; flex-direction: row; flex-wrap: wrap; padding: 3vh 0 0;}
.icaseul li {width: 25%; padding: 0 15px 30px;}
.icaseul li div:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';transition: all 0.5s; opacity: 0; z-index: 10;}
.icaseul li a {display: block; position: relative;background: #fff;box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);}
.icaseul li div {border: 1px solid #ddd; height:240px; text-align: center; position: relative;}
.icaseul li div img {height: 100%; max-width:100%; display: inline;}
.icaseul p {padding:0 15px 15px; height: 75px;}
.icaseul li div h4 {position: absolute; left: 0;right: 0;top: 30%; opacity: 0; transition: all 0.5s; z-index: 20;}
.icaseul li div h4 span {font-size: 16px;color: #fff; border:1px dashed #fff;display: inline-block;padding: 8px 25px;}
.icaseul li:hover div h4 {opacity: 1; top: 40%; }
.icaseul li:hover div:after {background: linear-gradient(180deg, rgba(0,146,212,0) 0%, #0088F1 100%); opacity: 1;}
.icaseul li a > h4 {padding: 0 15px; text-align: center;}


.otherbox {background: url(../img/otherboxbg.jpg) no-repeat center center / cover;}
.iproul {display: flex; flex-direction: row; flex-wrap: wrap}
.iproul li {width: 25%; padding: 0 15px 30px;}
.iproul li div:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';transition: all 0.5s; opacity: 0; z-index: 10;}
.iproul li a {display: block; position: relative; padding: 15px;background: #fff;}
.iproul li div {border: 1px solid #ddd; height: 220px; text-align: center; position: relative;}
.iproul li div img {height: 100%; max-width:100%; display: inline;}
.iproul li h3 {text-align: center; font-size:18px; font-weight:normal; margin-top: 10px;}
.iproul p {margin-bottom:0; text-align: center;}
.iproul p em {display: inline-block; line-height: 30px; font-size:15px; color:#fff; background-color: #0092E5; border-radius: 17px; padding: 0 30px; font-style: normal; transition: all 0.5s;}
.iproul li:hover p em {background-color: #0067e5;}



.zhuangbox {background: url(../img/zhuangboxbg.jpg) no-repeat center center / cover;}
.zhuangbox .cloudbox {padding:12vh 0;}
.cloudbox h3 {text-align: center; margin-bottom: 40px;margin-top: 0;}
.cloudbox h3 img {}
.cloudbox h3 span {display: block; font-size: 40px; color:#fff; padding-top: 30px;}
.cloudbox p {color: #fff;font-size: 20px; width: 980px; margin: 0 auto; line-height:35px;}
.cloudbox div {text-align: center; padding-top: 8vh;}
.cloudbox .linkbtn {font-size: 16px;color: #fff; border:1px dashed #fff;display: inline-block; padding: 6px 25px;transition: all 0.4s;}
.cloudbox .linkbtn:hover {background: #0063B8; color:#fff; border: 1px dotted #fff; padding: 8px 35px;}


.zjbox {}
.zjbox .fl {width: 40%;}
.zjbox .fr {width: 50%;}
.zjbox .fl h3 {font-size: 22px; line-height: 42px; font-weight:400; margin-bottom:15px;}
.zjbox .fl p {padding: 15px 0; line-height: 30px;}
.zjbox .fl div a {display: inline-block; background-color: #0092E5; color:#fff; padding:8px 30px; border-radius: 18px; box-shadow: 0 3px 10px rgb(0 0 0 / 30%);}
.zjbox .fl div a:hover {background-color: #0067e5; padding:8px 36px;}

.zjbox .mySwiper2 {position: relative; padding-bottom: 15px; box-shadow: 0 3px 10px rgb(0 0 0 / 30%);}
.zjbox .mySwiper2 .swiper-slide img {max-width: 100%;}
.zjbox .mySwiper2 .swiper-slide { text-align:center; padding:15px;}
.zjbox .mySwiper2 .swiper-slide p {color:#fff; background-color: #0092E5; padding:5px 0;}

.zjiang {}

.zjyuanli {text-align:center;}
.zjyuanli p {font-size:16px;}
.zjyuanli img {max-width:100%;}



.newbox {background-color: #ECECEC;}
.newmenu ul {text-align: center;}
.newmenu ul li {display: inline-block; padding: 0 10px;}
.newmenu li a {font-size: 16px; background-color: #fff; border-radius:18px; display:block; padding: 8px 25px;transition: all 0.4s;}
.newmenu li.active a {background-color: #0092E5; color: #fff;}

.newgdbox {padding: 30px 0;}
.newgdbox .contt {position: relative; display: none;}
.newgdbox .contt.active { display: block;}

.contt .one {float: left; width:38%; background-color: #fff;}
.contt .one img {max-width: 100%;     width: 100%;}
.contt .one div {padding:10px 15px 5px;}
.contt ul {float: right; width: 60%;}
.contt ul li {background-color: #fff; margin:0 0 15px; padding:10px 20px 18px; transition: all 0.5s;}
.contt ul li p {line-height: 24px;}
.contt ul li span {display: block; text-align:right;}
.contt ul li:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}


.downbg {background: url(../img/downbg.jpg) no-repeat center center / cover;}
.downbg .cloudbox {padding:8vh 0;}
.downbg .cloudbox div {padding-top: 3vh;}


/************************************** pcmain **********************************************/
.pagebanner {background-repeat:no-repeat; background-position: center top; background-size: cover; height:400px;}
.pagebanner .container {height: 100%;}
.pagebanner .subtext {vertical-align: middle; text-align: center; position: relative; top: 40%;}
.pagebanner .subtext h2{color:#fff;font-size:36px;text-shadow:1px 2px 5px #000;margin-top:0;clear:both}
.pagebanner .subtext h3{color:#fff;font-size:22px;margin-top:0;clear:both;opacity:.8;text-shadow:1px 2px 5px #000}

.adallbox {height: 155px; background-repeat:no-repeat; background-position: center top;}

.pagenav { background-color: #f6f6f6;}
.pagenav span {float: left; display:inline-block; padding:15px 0px;}
.pagenav ul {margin-bottom: 0; float:right;}
.pagenav ul li {display:inline-block; float: left; margin-right: 1px;}
.pagenav ul li a {display: block; padding:15px 20px; font-size: 16px;}
.pagenav ul li.active a, .pagenav ul li a:hover {background-color: #0092E5; color:#fff;}

.pcmain {padding: 1.5vw 0;}
.pagination {margin:10px auto;}

.pcsidebox {}
.pcontent {line-height: 26px; padding: 1vw 0;}
.pcontent img {max-width: 100%;}

/******************** page ********************/
.downall {max-width: 1000px; margin:0 auto;}

.newimg * {box-sizing: border-box;}
.newimg li {display: inline-block; float: left; width: 25%; padding: 0 15px; margin-bottom: 30px;}
.newimg li a {display: block; padding-bottom: 10px;}
.newimg li img {width: 100%; height: 180px;}
.newimg li h3 {line-height: 18px; padding: 5px 8px; height: 46px; font-size: 14px; white-space: normal; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.newimg li em {display: block; color: #777; padding-left: 8px;}
.newimg li p {height: 66px; line-height: 16px; font-size: 12px; color: #999; display: none; overflow: hidden;}
.newimg li a:hover {box-shadow:0 0 18px #bbb;}


.xinlist {max-width:1200px; margin:0 auto;}
.xinlist li a {display:block; overflow: hidden; padding:15px; margin:15px 0; position: relative; transition: all 0.4s; border-bottom: 1px solid #e5e5e5;}
.xinlist li .img {width:26%; float:left;}
.xinlist li .img img {width:100%; height:200px;}
.xinlist li h3 em {float:right; font-size:14px;}
.xinlist li .text {width:72%; float:right;}
.xinlist li .text span {text-align:right; display:block;}
.xinlist li a:hover {border-bottom-color: #0092E5; box-shadow: 0 4px 30px #ddd; }


.vlist {}
.vlist li {display: inline-block; float: left; margin:0 20px 28px; width: 22%; text-align: center;}
.vlist li img {margin-bottom: 6px; max-width: 100%; height:210px;}
.vlist li p {font-size: 18px;}

.deplist {}
.deplist li {display: inline-block; float: left; width: 25%; text-align: center;}
.deplist li div {margin:0 15px 25px;}
.deplist li a {display: block; box-shadow:0 0 5px rgba(0,0,0,.3);}
.deplist li img {margin-bottom: 6px; max-width: 100%; height:210px;}
.deplist li p {font-size: 16px; padding:0 8px 6px; height:28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.newslist { padding:15px 0 0;}
.newslist li {overflow:hidden; margin:0px auto;}
.newslist li:hover {box-shadow:0 0 10px #ddd; transition: all 0.3s linear 0s;}
.newslist li a {display:inline-block; float:left; line-height:22px; padding: 5px 0; }
.newslist li em {display:inline-block; float:right; font-size:12px; margin:3px 5px 0 0;}
.newslist li i {display:inline-block; float:right; margin:3px 10px 0 0;}

#gallery { text-align:center;}
#gallery li { display: block; float: left; width:22%; margin:6px 18px 20px; }
#gallery li img {width:100%; height:205px; margin-bottom: 10px;}
#gallery li a { display:block; padding:4px 4px; border:1px solid #ccc;}
#gallery li a:hover {color:#fff; text-decoration:none; box-shadow:0 0 18px #bbb; background: #0092E5;}

.anlist {text-align:center;}
.anlist li { display: block; float: left; width:22%; margin:6px 18px 20px; }
.anlist li img {width:100%; height:230px; margin-bottom: 10px;}
.anlist li a { display:block; padding:4px 4px; border:1px solid #ccc;}
.anlist li a:hover {color:#fff; text-decoration:none; box-shadow:0 0 18px #bbb; background: #0092E5;}


.horlist {padding:20px 0; position: relative; overflow: hidden;}
.horlist .swiper-slide img {max-width: 100%;}
.horlist .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:.3s;transform:scale(.8)}
.horlist .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1);}


/* .aboutone {background-color: #f6f6f6;}	 */
.abouttwo {background-color: #e2e2e2;}	
.aboutthree {background: url(../img/contact-bg.jpg) no-repeat center top #f6f6f6;}	

.aboutone .fl {width: 40%; text-align:center;}
.aboutone .fl img {max-width: 100%;}
.aboutone .fr {width: 58%;}
.aboutone .fr h4 {font-size: 36px; color: #ebedf1;}
.aboutone .fr h5 {font-size: 24px; color: #333;}
.aboutone .rtext {line-height: 28px; padding-top: 1vw; text-align: justify;}

.compare-boxs {background: url(../img/yesno1.png) no-repeat top center;background-size: cover;}
.compare-box-left,.compare-box-right{width: 45%;}
.compare-box-left{background: url(../img/about-2-left.png) no-repeat;margin-top: -20px;position: relative;float: left;padding: 35px 60px;}
.compare-box-left h2{font-size: 18px;background: #0092E5;color: #fff;padding: 5px 10px;margin-bottom: 28px;position: relative;display: inline-block;text-align: center;padding-right: 28px;}
.compare-box-left h2:before{content: "";position: absolute;width: 0;height: 0;left: -23px;width: 0;top: 0;border-bottom: 34px solid #0092E5;border-left: 23px solid transparent;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.compare-box-left h2:after{content: "";position: absolute;width: 0;height: 0;right: 0px;width: 0;top: 0;border-bottom: 35px solid #fff;border-left: 17px solid transparent;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.compare-box-left ul li{float: left;width: 100%;color: #000;font-size: 16px;padding: 14px 0px;}
.compare-box-left ul li i{color: #0092E5;padding-right: 5px;font-size: 20px;}
.compare-box-right{float: right;padding: 50px 0px;}
.compare-box-right h2{font-size: 18px;background: url(../img/about-2-right.png) no-repeat;color:#0092E5;width: 228px;margin-bottom: 28px;position: relative;display: block;text-align: center;padding:5px 0px; }
.compare-box-right ul li {float: left;width: 100%;color: #fff;font-size: 16px;padding: 14px 0px;}
.compare-box-right ul li i{color: #fff;padding-right: 5px;font-size: 20px;}

.aboutthree .formbox {background-color: #fff; border-radius:15px; padding:20px 40px 35px; width: 1200px; margin:0 auto;}
.aboutthree .formbox .fl {width: 80%;}
.aboutthree .formbox .fr {width: 20%; text-align:center; padding-top: 50px;}
.aboutthree .formbox .fr p {padding-top: 10px;}
.aboutthree .formbox .fr img {max-width: 70%;}
.aboutthree .formbox .form-inline {padding-top: 35px;}
.aboutthree .formbox .form-inline .form-group {width: 49%;}
.aboutthree .formbox .form-inline .form-control {width: 80%;}

.proinfor {}
.proinforbox {padding-bottom: 40px; overflow: hidden;}
.proinforbox img {max-width:100%;}

.ful1 {text-align: left;}
.ful2 {text-align: right;}
.ful {margin: 0 0 20px; }
.ful a {display: inline-block; text-align: center; position: relative; color:#fff; margin:0 5px; width: 19.1%;}
.ful div {position: absolute; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.1); transition: all 0.5s;}
.ful div h4 {padding-top: 28%; line-height: 30px;} 
.ful a img {width: 100%; height: 100%;}


.zjqxful1 {text-align: left;}
.zjqxful2 {text-align: right;}
.zjqxful {margin: 0 0 20px; }
.zjqxful a {display: inline-block; text-align: center; position: relative; color:#fff; margin:0 5px; width: 19.25%;}
.zjqxful div {position: absolute; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.1); transition: all 0.5s;}
.zjqxful div h4 {padding-top: 28%; line-height: 30px;} 
.zjqxful a img {width: 100%; height: 100%;}


.bgf6 {background-color: #f6f6f6;}
.txinforbox {padding-bottom: 40px;}
.txinforbox .fl {width: 50%; text-align:center;}
.txinforbox .fl img {max-width: 100%;}
.txinforbox .fr {width: 48%;}

.txul {padding-top: 20px;}
.txul li{width: 100%;float: left; margin-bottom:15px;}
.txul li i{font-size: 22px;padding-right: 15px;color: #000;}
.txul li span{width: 100%;display: block;color: #999;font-size: 14px; padding-left: 37px;letter-spacing: 1px; line-height: 24px;}


.adva {background-color: #fff;}
.advabox {padding-bottom: 70px;}
.advabox ul {display: flex; justify-content: space-around; align-items: inherit; flex-wrap: wrap;}
.advabox ul li{width: 31%; padding: 23px 20px;color: #000;font-weight: 600;background: #f4f6f9;margin-top: 40px;}
.advabox ul li span {color: #0092E5;background: #eaf0f6;padding-right: 10px;padding: 10px 10px;border-radius: 50%;display: block;float: left;line-height: 15px;}
.advabox ul li b{float: left;line-height: 32px;margin-left: 10px;font-size: 14px;font-weight: 500;letter-spacing: 1px;}

.contact {}
.contact .fl {width: 50%;}
.contact .fr {width: 50%;}
.ctcatebox {display:flex;justify-content:space-around;align-items:inherit;flex-wrap:wrap}
.ctcatebox .adv-item {width: 23%; float: left;padding: 35px 0px; color: #59aabf;background-color: #f6f6f6;position: relative;z-index: 0;transition: all 0.2s;}
.ctcatebox .adv-item i{font-size: 32px;line-height: 45px;color: #0092E5;}
.ctcatebox .adv-img {text-align: center;  background: #fff;  width: 70px;height: 70px; margin: 10px auto; padding: 10px 10px;border-radius: 40px;}
.ctcatebox .adv-title {color: #000;font-size: 16px; font-weight: 600; text-align: center; margin-top: 5px;}
.ctcatebox .adv-bottom p{color: #000;text-align: center;margin-top: 15px;}
.concqadd {padding-bottom:12vh;}
.contact-about-boxs {position: relative;}
.contact-about-box {width: 70%;float: left;}
.contact-about-box-r{position: absolute;right: 0px; top: 30px;background: #fff;padding: 20px 25px;width: 40%; box-shadow: 1px 1px 1px #999;}
.contact-about-box-r h2{font-size: 18px;margin: 10px 0px;color: #005aaa;}
.contact-about-box-r p {line-height: 26px; margin-bottom: 0;}

#dituContent {width:100%; height:400px;border:#ccc solid 1px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.zjyoushi .fl {width: 40%;}
.zjyoushi .fr {width: 50%;}
.zjyoushi .fl h3 {line-height: 42px; margin-bottom:15px; color: #0092E5;}
.zjyoushi .fl p {padding: 15px 0; line-height: 30px;}
.zjyoushi .fl div a {display: inline-block; background-color: #0092E5; color:#fff; padding:8px 30px; border-radius: 18px; box-shadow: 0 3px 10px rgb(0 0 0 / 30%);}
.zjyoushi .fl div a:hover {background-color: #0067e5; padding:8px 36px;}

.zjyoushi .mySwiper2 {position: relative; box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
.zjyoushi .mySwiper2 .swiper-slide img {max-width: 100%; height:300px;}
.zjyoushi .mySwiper2 .swiper-slide { text-align:center; padding:15px;}
.zjyoushi .mySwiper2 .swiper-slide p {color:#fff; background-color: #0092E5; padding:5px 0; margin-bottom:0;}

.zjyoushitwo {padding:20px 0; background-color:#f9f9f9; box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
.zjyoushitwo .fl {width: 30%;}
.zjyoushitwo .fr {width: 70%;}
.zjyoushitwo .mySwiper3 {position: relative; /*box-shadow: 0 3px 10px rgb(0 0 0 / 10%);*/}
.zjyoushitwo .mySwiper3 .swiper-slide img {max-width: 100%; height:300px;}
.zjyoushitwo .mySwiper3 .swiper-slide { text-align:center; padding:15px;}
.zjyoushitwo .mySwiper3 .swiper-slide p {color:#0092E5; padding:15px 0 0; font-size:16px; margin-bottom:0;}

.zjyoushitwo h3{color: #0092E5;}
.zjyoushitwo .tdian1 {width:76%; padding:0 6% 0 10%;}
.zjyoushitwo .tdian2 {width:24%; text-align:center;}
.zjyoushitwo .tdian2 img {max-width:100%;}
.zjyoushitwo .tdian1 p {margin-bottom:15px; line-height: 24px;}
.zjyoushitwo .tdian1 h5 {line-height: 22px; float: left; width: 50%;}

.prolist {padding-bottom:60px;} 
.prolist li {width:48%; float:left; overflow: hidden; padding:0 15px 0 0; margin:15px 1%; background:#fff; box-shadow: 0 3px 8px rgb(0 0 0 / 10%); transition: all 0.4s;}
.prolist li a {width:40%; float:left; }
.prolist li a img {max-width:100%; height:205px;}
.prolist li div {width:60%; float:right; padding-top:16px;}
.prolist li h5 {margin-bottom:20px;}
.prolist li:hover h3 {color:#0092E5;}
.prolist li:hover {box-shadow: 0 5px 10px rgb(0 0 0 / 20%);}


.clxguo {padding-bottom:30px;}
.clxguo .fl {width:20%}
.clxguo .fr {width:48%}
.clxguo .xgimg {width:28%; margin:0 2%}

.clxqlist {}
.clxqlist li {width:96%; margin:0 0 20px; border:1px solid #ddd; overflow: hidden; box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
.clxqlist li span {display:block; position: relative;}
.clxqlist li span p {position: absolute; left:0; right:0; bottom:0; background:rgba(0,146,229,0.8); color:#fff; padding:8px 0; text-align:center; margin-bottom: 0;}
.clxqlist li img, .clxguo .fr img, .clxguo .xgimg img {max-width:100%;}
.clxqlist li div {padding:6px 0; line-height:24px; overflow: hidden;}
.clxqlist li div p {margin-bottom:0; float:left; padding-left: 10px; width:50%;}
.clxguo .fr img, .clxguo .xgimg img {box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}

@media (max-width:1600px){
/*.pcmenu .container {width:98%;}*/
.pcmenu .pmul li a {padding:0 8px; font-size: 15px;}

.ful a {width: 18.95%;}
.zjqxful a {width: 19.15%;}

.busiul li div h4 {font-size: 22px;}
.busiul li div span {font-size: 14px;}
    
}    

@media (max-width:1400px){


    
}

@media (max-width:1360px){
.pcmenu .mtext {display:none;}
.pcmenu .pmul {float:none;}
.pcmenu .pmul li a {padding:0 15px;}

.ful a {width: 18.88%;}
.zjqxful a {width: 18.98%;}

.busiul li div h4 {font-size: 22px;}
.busiul li div span {font-size: 13px;}
    
}    


@media (max-width:1200px){
.qrodbox .maul {display:none;}
.pcmenu .pmul li a {padding:0 10px;}

.busiul li div h4 {font-size: 18px;}
.busiul li p img {height:160px;}

.gdli div p {height:130px; overflow:hidden;}

}



/* wap css */
@media (max-width:768px){
.container {width: 100%;}

.ptb40 {padding-top: 20px; padding-bottom: 20px;}
.ptb60 {padding-top: 30px; padding-bottom: 30px;}

.title1 {padding: 0 0 20px;}
.title1 h3 {font-size: 24px;}
.title1 h5 {font-size: 16px;}

.title2 {font-size: 18px;}

.title3 {padding: 0 0 20px; font-size: 18px;}

.title4 {padding: 0 0 20px;}
.title4 h3 {font-size: 24px;}
.title4 h5 {font-size: 16px;}

.title5 {padding: 0 0 20px;}
.title5 h3 {font-size: 24px;}
.title5 h5 {font-size: 16px;}

.title6 {padding: 0 0 20px;}
.title6 h3 {font-size: 24px;}
.title6 h5 {font-size: 16px;}

.title7 {padding: 20px 0;}
.title7 h3 {font-size: 24px;}
.title7 h5 {font-size: 16px; margin-top: 0; opacity: 0.5;}

.title8 {padding: 15px 0 20px; position: relative;}
.title8 h3 {font-size: 24px; margin-top: 0;}
.title8 h5 {font-size: 16px;}

.tytitle {font-size: 22px;}
.tytitle h4 {font-size: 28px;}

/* wap menu */
.headbox{width: 100vw; height: 15vw}
.headwap{width: 100vw; height: 15vw; position: fixed; left: 0; top: 0; z-index: 500; background-color: #fff; box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3);}
.logo { height: 15vw; line-height: 15vw; width: 100%; z-index: 1; position: absolute; text-align: center;}
.logo img{height: 9vw;}
.nav-button{float: right; margin-right: 4.5vw; width: 6vw; margin-top: 6vw; position: relative; z-index: 1000;}
.nav-button::before, .nav-button::after, .nav-button span{width: 6vw; height: 2px; border-radius: 1px; background-color: #666; display: block; content: ""; margin-bottom: 1vw;}

.wapnav{width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; right: 0; top: 0; z-index: 600; transform: translateX(100vw); opacity: 0; transition: all 0.5s;}
.wapnav.show{transform: translateX(0vw); opacity: 1;}
.wapnav .nav-t{height: 13vw; line-height: 13vw; padding: 0 5vw; font-size: 4vw; color: #fff; width: 80vw; margin-left: 20vw; box-sizing: border-box;
background-image: linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
background-image: -webkit-linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
background-image: -moz-linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
}
.wapnav .nav-t i{float: right; font-size: 5vw; padding-top: 15px; padding-right: 2.5vw; }
.wapnav ul{width: 80vw; height: calc(100vh - 13vw); overflow-x: hidden; overflow-y: auto; display: block; background-color: #fff; margin-left: 20vw;}
.wapnav ul li{line-height: 12vw; padding: 0 8vw; border-bottom: 1px solid #efefef; font-size: 4vw;}
.wapnav ul li i{float: right; font-size: 4vw; height: 10vw; transition: all 0.5s; font-family:  "element-icons"; font-style: normal;}
.wapnav ul li i.show{transform: rotate(-180deg);}
.wapnav ul li a{display: inline-block; height: 12vw; line-height: 12vw;}
.wapnav ul li .drop-nav{width: 80vw; background-color: #efefef; margin-left: -5vw; padding: 0 5vw 0 0; box-sizing: border-box; overflow: hidden; height: 0vw; transition: all 0.5s;}
.wapnav ul li .drop-nav a{display: block; overflow: hidden; padding-left: 6vw; font-size: 3.6vw; height: 10vw; line-height: 10vw; border-bottom: 1px solid #ddd; padding-right: 5vw;}
.wapnav ul li .drop-nav a i{float: right;}

/* common */
.footer {padding: 2.5vw 0;}
.footcopy {text-align: center;}
.plink, .adallbox {display: none;}

/* index */
.business {padding-bottom: 20px;}
.busiul li {width: 50%; padding:0 5px;}
.busiul li a {margin: 0 0;}
.busiul li p img {height: 130px;}
.busiul li div h4 {font-size: 20px}
.busiul li div span {font-size: 16px;}

.gdmenu {margin-top: 20px;}
.gdmenu li img {max-width:60%;}
.gdmenu li span {top: 20%;}
.gdmenu li span em {margin: 0 5px;}
.gdmenu li span em:nth-child(3), .gdmenu li span em:nth-child(4) {display: none;}
.gdmenu li a p {font-size: 16px;}

.gdbox {padding: 15px 0;}
.gdbox .cont {padding: 15px;}
.gdbox .cont:nth-child(1).active em {left: 12%;}
.gdbox .cont:nth-child(2).active em {left: 45%;}
.gdbox .cont:nth-child(3).active em {left: 76%;}
.gdli a {margin: 0;}
.gdli div p {display: none;}
.gdli div h4 {font-size: 14px; padding: 17% 0 0;}
.gdli2 div h4 {font-size: 12px; padding: 13% 0 0;}

.aqxbox {padding: 0; overflow: hidden;}
.aqxbox a {width: 46%; float:left; margin-bottom: 15px;}
.aqxbox a img {max-width: 100%;}
.aqxtext {font-size: 16px; padding:0px 3px; line-height: 24px;}

.filebox .table-responsive {padding:1% 0 0;}
.filebox .table thead th {font-size: 18px;}
.filebox .table td {padding: 5px 0; font-size: 14px;}
.filebox .table tbody th {font-size: 14px;}
.filebox .table td:nth-child(3) {font-size: 16px;}

.aboutbox {background-size: auto 100%;}
.about .aleft, .about .aright {width: 100%; float:none;}

.icaseul {margin-left: -10px; margin-right: -10px;}
.icaseul {padding-top: 0;}
.icaseul li {width: 50%; padding: 0 10px 15px;}
.icaseul li a {padding: 5px 5px 10px;}
.icaseul li div {height: 160px;}
.icaseul p {padding: 0 10px; margin-bottom: 0;}

.iproul {margin-left: -10px; margin-right: -10px;}
.iproul li {width: 50%; padding: 0 10px 10px;}
.iproul li div {height: 160px;}
.iproul li a {padding: 5px 5px 10px;}
.iproul li h3 {margin-top: 10px; font-size:14px;}
.iproul p {padding-top: 0;}
.iproul p em {font-size: 12px; line-height: 24px;}

.newgdbox {padding: 15px 0;}
.newmenu ul li {padding: 0 5px;}
.newmenu li a {padding: 8px 15px; font-size: 14px;}
.contt .one, .contt ul {width: 100%; float:none;}
.contt ul li {margin: 15px 0; padding: 10px 15px 20px}

.zhuangbox .cloudbox {padding: 8vh 0 4vh;}
.cloudbox p {width: 100%; font-size: 14px; line-height: 24px;}
.cloudbox h3 {margin-bottom: 20px;}
.cloudbox h3 span {padding-top: 15px; font-size: 20px;}
.cloudbox div {padding-top: 6vh;}

.downbg .cloudbox {padding: 4vh 0;}
.downbg .cloudbox div {padding-top: 2vh;}
.downbg .cloudbox h3 {margin-bottom: 20px;}
.downbg .cloudbox h3 span {padding-top: 15px; font-size: 26px;}


/******************** page ********************/
.pagebanner {height: 220px;}
.pagebanner .subtext h2 {font-size: 24px;}
.pagebanner .subtext h3 {font-size: 16px;}


.aboutone .fl {float: none; width: 100%;}
.aboutone .fr {float: none; width: 100%;}

.compare-box-left, .compare-box-right {float: none; width: 100%;}
.compare-box-left {margin-top: 0; padding: 15px 15px; background-size: cover;}
.compare-box-right {padding: 15px;}

.aboutthree .formbox {width: 100%; padding: 20px 15px 25px;}
.aboutthree .formbox .form-inline .form-group {width: auto;}
.aboutthree .formbox .form-inline .form-control {width: 100%;}
.aboutthree .formbox .text-center button {display: block; width: 100%;}

.ful {margin: 0 -30px 20px 0;}
.ful a {width: 44%; margin:0 15px 15px 0; float:left;}
.ful a img {width: 100%; height:130px;}
.ful div h4 {padding-top: 26%;}

.txinforbox .fl, .aboutthree .formbox .fl, .aboutthree .formbox .fr {float: none; width: 100%;}
.txinforbox .fr, .footcopybox .footcopy {float: none; width: 100%;}


.advabox ul li {width: 100%; margin-top: 15px; padding:15px 10px;}


#gallery li { display: block; float: left; width:47%; margin:6px 4px 15px; }
#gallery li img {width:100%; height:110px;}

.contact .fl {width:100%; float:none;}
.contact .fr {width: 100%; float:none;}

.newimg li {display: inline-block; float: left; width: 50%; padding: 0 5px; margin-bottom: 20px;}
.newimg li img {width: 100%; height: 130px;}

.xinlist li a {padding:15px 0;}
.xinlist li h3 {font-size:14px; margin-top:5px;}
.xinlist li .img {width:40%; height:90px; overflow:hidden;}
.xinlist li .img img {height:auto; width:auto; max-width:100%;}
.xinlist li .text {width:58%;}
.xinlist li h3 em {display:none;}
.xinlist li p {height:42px; overflow:hidden; margin-bottom:0;}
.xinlist li .text span {display:none;}


.vlist li {margin:0 10px 15px; width: 44%;}
.vlist li img {max-width: 100%; height:110px;}
.vlist li p {font-size: 14px;}


.deplist li {margin:0 10px 15px; width: 44%;}
.deplist li img {max-width: 100%; height:110px;}
.deplist li p {font-size: 14px;}


#art_content iframe {width: 100%!important; height:300px;}


.anlist li {display: inline-block; float: left; width: 50%; padding: 0 5px; margin:0 0 20px;}
.anlist li img {width: 100%; height: 130px;}

.stitle {padding: 1vw 0 1.2vw 0; margin:0 15px 0.5vw;}
.stitle h4 {color: #0092E5; position: relative; margin-top: 0;}
.stitle h4:after {position: absolute; width: 30%; line-height: 36px; height: 1px; background: #0092E5; bottom: -8px; left: 0; content: '';}

.sideul {padding: 0 15px 15px;}
.sideul li {padding: 0.6vw 0; background-color: #e5eef6; margin-bottom: 2px; transition: all 0.5s; float: left; width: 50%;}
.sideul li a {display: block; color: #0092E5; padding-left: 15px; line-height: 30px; border-right:1px solid #fff;}
.sideul .active a {background-color: #0092E5; color: #fff;}
.sideul li:hover a {background-color: #0092E5; color: #fff;}


.zjbox .fl {width: 100%; float:none; margin-bottom:30px;}
.zjbox .fr {width: 100%; float:none;}
.zjbox .fl div {text-align:center;}

.zjyoushi .fl {width: 100%; float:none; margin-bottom:30px;}
.zjyoushi .fr {width: 100%; float:none;}
.zjyuanli p {font-size:14px; text-align:justify; line-height:26px;}
.zjyoushi .fl p {text-align:justify; padding-bottom:0;}
.zjyoushi .fl h3 {margin:0 auto;}


.contt ul li p {height: 46px; overflow: hidden;}

.ctcatebox {display:block;}
.ctcatebox .adv-item {width:100%; margin-bottom:15px; padding: 15px 0px;}

.concqadd {padding-bottom: 8vh;}
.contact-about-box { width: 100%;float: none;}
.contact-about-box-l {}
.contact-about-box-l img {max-width:100%;}
.contact-about-box-r {position:relative; width:100%; height:auto; padding: 20px 15px;}

.pcmessage .form-group {width: 100%;}
.pcmessage .form-group:nth-child(2) {margin-left:0; margin-right:0;}
.pcmessage .formbtn {width: 100%;}

.allmap {height: 260px;}

.psmore {}

.advabox {padding-bottom: 30px;}
.prolist {padding-bottom: 30px;}
.prolist li {width:100%; padding:0; margin:15px auto 0;}
.prolist li a {padding:5px 0; width: 35%;}
.prolist li a img {height: 100px;}
.prolist li div {padding-top:0; width: 65%;}
.prolist li h3 {margin-top:10px; font-size:16px;}
.prolist li h5 {margin-bottom:5px;}

.zjyoushitwo .fl {width: 100%; float:none;}
.zjyoushitwo .fr {width: 100%; float:none;}
.zjyoushitwo .tdian1 {padding:0 0 15px; overflow:hidden;}


.clxguo .fl {width:100%; float:none;}
.clxguo .fr {width:100%; float:none;}
.clxguo .xgimg {width:100%; margin:0 0 20px; float:none;}

.clxqlist li {width:100%; }

}